<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>Sydney个人主页</title>
<link rel="stylesheet" type="text/css" href="css/base.css">
<link rel="stylesheet" type="text/css" href="css/sydney.css">
<script type="text/javascript" src="js/base.js"></script>
<script type="text/ecmascript" src="js/reply.js"></script>
</head>
<body>
<div id="index">
<header id="header-top">
<div class="top clearfix">
         <div class="logo fl"><a href="#">Sydney</a></div>
         <!--nav-->
         <nav id="mainNav" class="fl">
              <ul>
                <li class="li1"><a href="#" class="cur">个人主页</a></li>
                <li class="li2"><a href="#" class="cur">PHP专区</a></li>
                <li class="li3"><a href="#" class="cur">HTML5专题</a></li>
                <li class="li4"><a href="#" class="last cur">精品博文</a></li>
              </ul>
         </nav>
         <!--nav end-->
         <div class="search fr"><input type="text" class="inputText" value="请输入搜索关键字"><input type="button" class="inputBtn" value=""></div>
         <span class="leaf1"></span><span class="leaf2"></span>
    </div>
    <div class="banner"><a href="#"><img src="image/demo_banner.jpg"></a></div>
</header>
<section id="main">
<!--section-->
    <section id="content" class="w960">
         <ul class="picList clearfix">
             <li>
               <a href="#" class="picImg"><img src="image/1.jpg" title="Sydney"></a>
               <div class="picTitle"></div>
               <div class="picInfo">
                   <h2 class="yahei"><a href="#">一辈子暖暖的好</a><span class="icoHot"></span></h2>
                   <h3><a href="#">绘画艺术</a> - <a href="#">练习/涂鸦</a></h3>
                   <h4>14小时前 发布</h4>
                   <p><i>64</i>人气<span>/</span><i>1</i>评论<span>/</span><i>2</i>推荐</p>
                   <div class="worker"><a href="#">Sydney<img src="image/demo_photo.png" title="Sydney"></a></div>
               </div>
             </li>
             <li>
               <a href="#" class="picImg"><img src="image/2.jpg" title="Sydney"></a>
               <div class="picTitle"></div>
               <div class="picInfo">
                   <h2 class="yahei"><a href="#">一辈子暖暖的好</a><span class="icoHot"></span></h2>
                   <h3><a href="#">绘画艺术</a> - <a href="#">练习/涂鸦</a></h3>
                   <h4>14小时前 发布</h4>
                   <p><i>64</i>人气<span>/</span><i>1</i>评论<span>/</span><i>2</i>推荐</p>
                   <div class="worker"><a href="#">Sydney<img src="image/demo_photo.png" title="Sydney"></a></div>
               </div>
             </li>
             <li>
               <a href="#" class="picImg"><img src="image/3.jpg" title="Sydney"></a>
               <div class="picTitle"></div>
               <div class="picInfo">
                   <h2 class="yahei"><a href="#">一辈子暖暖的好</a><span class="icoHot"></span></h2>
                   <h3><a href="#">绘画艺术</a> - <a href="#">练习/涂鸦</a></h3>
                   <h4>14小时前 发布</h4>
                   <p><i>64</i>人气<span>/</span><i>1</i>评论<span>/</span><i>2</i>推荐</p>
                   <div class="worker"><a href="#">Sydney<img src="image/demo_photo.png" title="Sydney"></a></div>
               </div>
             </li>
             <li>
               <a href="#" class="picImg"><img src="image/4.jpg" title="Sydney"></a>
               <div class="picTitle"></div>
               <div class="picInfo">
                   <h2 class="yahei"><a href="#">一辈子暖暖的好</a><span class="icoHot"></span></h2>
                   <h3><a href="#">绘画艺术</a> - <a href="#">练习/涂鸦</a></h3>
                   <h4>14小时前 发布</h4>
                   <p><i>64</i>人气<span>/</span><i>1</i>评论<span>/</span><i>2</i>推荐</p>
                   <div class="worker"><a href="#">Sydney<img src="image/demo_photo.png" title="Sydney"></a></div>
               </div>
             </li>
             <li>
               <a href="#" class="picImg"><img src="image/1.jpg" title="Sydney"></a>
               <div class="picTitle"></div>
               <div class="picInfo">
                   <h2 class="yahei"><a href="#">一辈子暖暖的好</a><span class="icoHot"></span></h2>
                   <h3><a href="#">绘画艺术</a> - <a href="#">练习/涂鸦</a></h3>
                   <h4>14小时前 发布</h4>
                   <p><i>64</i>人气<span>/</span><i>1</i>评论<span>/</span><i>2</i>推荐</p>
                   <div class="worker"><a href="#">Sydney<img src="image/demo_photo.png" title="Sydney"></a></div>
               </div>
             </li>
             <li>
               <a href="#" class="picImg"><img src="image/2.jpg" title="Sydney"></a>
               <div class="picTitle"></div>
               <div class="picInfo">
                   <h2 class="yahei"><a href="#">一辈子暖暖的好</a><span class="icoHot"></span></h2>
                   <h3><a href="#">绘画艺术</a> - <a href="#">练习/涂鸦</a></h3>
                   <h4>14小时前 发布</h4>
                   <p><i>64</i>人气<span>/</span><i>1</i>评论<span>/</span><i>2</i>推荐</p>
                   <div class="worker"><a href="#">Sydney<img src="image/demo_photo.png" title="Sydney"></a></div>
               </div>
             </li>
             <li>
               <a href="#" class="picImg"><img src="image/3.jpg" title="Sydney"></a>
               <div class="picTitle"></div>
               <div class="picInfo">
                   <h2 class="yahei"><a href="#">一辈子暖暖的好</a><span class="icoHot"></span></h2>
                   <h3><a href="#">绘画艺术</a> - <a href="#">练习/涂鸦</a></h3>
                   <h4>14小时前 发布</h4>
                   <p><i>64</i>人气<span>/</span><i>1</i>评论<span>/</span><i>2</i>推荐</p>
                   <div class="worker"><a href="#">Sydney<img src="image/demo_photo.png" title="Sydney"></a></div>
               </div>
             </li>
             <li>
               <a href="#" class="picImg"><img src="image/4.jpg" title="Sydney"></a>
               <div class="picTitle"></div>
               <div class="picInfo">
                   <h2 class="yahei"><a href="#">一辈子暖暖的好</a><span class="icoHot"></span></h2>
                   <h3><a href="#">绘画艺术</a> - <a href="#">练习/涂鸦</a></h3>
                   <h4>14小时前 发布</h4>
                   <p><i>64</i>人气<span>/</span><i>1</i>评论<span>/</span><i>2</i>推荐</p>
                   <div class="worker"><a href="#">Sydney<img src="image/demo_photo.png" title="Sydney"></a></div>
               </div>
             </li>
             <li>
               <a href="#" class="picImg"><img src="image/1.jpg" title="Sydney"></a>
               <div class="picTitle"></div>
               <div class="picInfo">
                   <h2 class="yahei"><a href="#">一辈子暖暖的好</a><span class="icoHot"></span></h2>
                   <h3><a href="#">绘画艺术</a> - <a href="#">练习/涂鸦</a></h3>
                   <h4>14小时前 发布</h4>
                   <p><i>64</i>人气<span>/</span><i>1</i>评论<span>/</span><i>2</i>推荐</p>
                   <div class="worker"><a href="#">Sydney<img src="image/demo_photo.png" title="Sydney"></a></div>
               </div>
             </li>
             <li>
               <a href="#" class="picImg"><img src="image/1.jpg" title="Sydney"></a>
               <div class="picTitle"></div>
               <div class="picInfo">
                   <h2 class="yahei"><a href="#">一辈子暖暖的好</a><span class="icoHot"></span></h2>
                   <h3><a href="#">绘画艺术</a> - <a href="#">练习/涂鸦</a></h3>
                   <h4>14小时前 发布</h4>
                   <p><i>64</i>人气<span>/</span><i>1</i>评论<span>/</span><i>2</i>推荐</p>
                   <div class="worker"><a href="#">Sydney<img src="image/demo_photo.png" title="Sydney"></a></div>
               </div>
             </li>
         </ul>
         <!--page-->
             <footer id="page" class="clearfix">
                <span><a href="#" class="pre">上一页</a></span>
                <span><a href="#" class="pageCur pageNum">1</a></span>
                <span><a href="#" class="pageNum">2</a></span>
                <span><a href="#" class="pageNum">3</a></span>
                <span>...</span>
                <span><a href="#" class="pageNum">10</a></span>
                <span><a href="#" class="next">下一页</a></span>
                <span>到第</span>
                <span><input type="text" class="pageInputText"/></span>
                <span>页</span>
                <span><input type="button" class="pageInputBtn" value="确定"/></span>
             </footer>
             <!--page end-->
    </section> 
<!--section end-->
</section>
<div class="clr"></div>
<!--footer-->
<footer id="mainFooter">
   <nav id="friendLink"><a href="#" class="first">网页设计师联盟</a>|<a href="#">红动中国</a>|<a href="#">红动中国</a>|<a href="#">昵图网</a>|<a href="#">站长之家</a></nav>
   <address id="copy">Copyright © 2012 Sydney. All Rights Reserved</address>
</footer>
<!--footer end-->
</div>
</body>
</html>
